<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.1.3/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/Swiper/4.4.2/css/swiper.min.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/hover.css/2.3.1/css/hover-min.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/animate.css/3.7.0/animate.min.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/viewerjs/1.3.0/viewer.min.css">
    <link rel="stylesheet" href="../css/global.css">
    <title>就业学员</title>
</head>

<body>
    <!-- 页头 -->
    <div class="header">
        <div class="container d-flex justify-content-between align-items-center">
            <div class="logo">
                <img src="../img/logo.png">
                <h1>陕西时代汇达教育</h1>
            </div>
            <ul class="nav">
                <li><a href="../index.html">首页</a></li>
                <li><a href="product.html">培训项目</a></li>
                <li><a href="teacher.html">金牌讲师</a></li>
                <li><a href="course.html">免费课程</a></li>
                <li><a href="#">学历提升</a></li>
                <li><a class="nav__active" href="student.html">就业学员</a></li>
                <li><a href="about.html">关于我们</a></li>
                <li><a href="news.html">新闻资讯</a></li>
                <li><a href="contact.html">联系我们</a></li>
            </ul>
        </div>
    </div>
    <!-- 轮播图 -->
    <div class="banner">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="../img/banner/demo1.jpg"></div>
                <div class="swiper-slide"><img src="../img/banner/demo2.jpg"></div>
            </div>
            <div class="swiper-pagination"></div>
        </div>
    </div>
    <!-- 主体 -->
    <div class="main main--student">
        <div class="container">
            <div class="headline mb-5">明星学员</div>
            <ul class="student-list" id="viewer">
                <li class="student-list__item">STAR</li>
                <li class="student-list__item wow fadeInDown"><img src="../img/index/jybz-bg.jpg"></li>
                <li class="student-list__item wow fadeInDown"><img src="../img/student/list_demo1.jpg"></li>
                <li class="student-list__item wow fadeInDown"><img src="../img/student/list_demo1.jpg"></li>
                <li class="student-list__item wow fadeInUp"><img src="../img/student/list_demo1.jpg"></li>
                <li class="student-list__item wow fadeInUp"><img src="../img/student/list_demo1.jpg"></li>
                <li class="student-list__item wow fadeInUp"><img src="../img/student/list_demo1.jpg"></li>
                <li class="student-list__item">LEARNERS</li>
            </ul>
            <div class="clear"></div>
            <div class="headline mb-5" style="margin-top:90px;">就业喜报</div>
            <table class="table table-bordered student-table wow fadeInUp">
                <thead>
                    <tr>
                        <th scope="col">学员姓名</th>
                        <th scope="col">学历</th>
                        <th scope="col">培训课程</th>
                        <th scope="col">就业公司</th>
                        <th scope="col">就业薪资</th>
                        <th scope="col">就业时间</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>张某某</td>
                        <td>专科</td>
                        <td>5G网络</td>
                        <td>华为集团</td>
                        <td>130000</td>
                        <td>2018/08/08</td>
                    </tr>
                    <tr>
                        <td>张某某</td>
                        <td>专科</td>
                        <td>5G网络</td>
                        <td>华为集团</td>
                        <td>130000</td>
                        <td>2018/08/08</td>
                    </tr>
                    <tr>
                        <td>张某某</td>
                        <td>专科</td>
                        <td>5G网络</td>
                        <td>华为集团</td>
                        <td>130000</td>
                        <td>2018/08/08</td>
                    </tr>
                    <tr>
                        <td>张某某</td>
                        <td>专科</td>
                        <td>5G网络</td>
                        <td>华为集团</td>
                        <td>130000</td>
                        <td>2018/08/08</td>
                    </tr>
                    <tr>
                        <td>张某某</td>
                        <td>专科</td>
                        <td>5G网络</td>
                        <td>华为集团</td>
                        <td>130000</td>
                        <td>2018/08/08</td>
                    </tr>
                    <tr>
                        <td>张某某</td>
                        <td>专科</td>
                        <td>5G网络</td>
                        <td>华为集团</td>
                        <td>130000</td>
                        <td>2018/08/08</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    <!-- 页脚 -->
    <div class="footer">
        <div class="container">
            <ul class="ft-contact pt-5">
                <li>
                    <img src="../img/phone.png">
                    <div>
                        <span>CALL&nbsp;US</span>
                        <span>029-87383760</span>
                    </div>
                </li>
                <li>
                    <img src="../img/email.png">
                    <div>
                        <span>EMAIL</span>
                        <span>sxsdhd@162.com</span>
                    </div>
                </li>
                <li>
                    <img src="../img/qq.png">
                    <div>
                        <span>QQ</span>
                        <span>349511163</span>
                    </div>
                </li>
                <li>
                    <img src="../img/address.png">
                    <div>
                        <span>ADRESSES</span>
                        <span>西安市碑林区东大街商联大厦701室</span>
                    </div>
                </li>
            </ul>
            <div class="clear" style="border-top:1px solid #535353; margin: 20px auto;"></div>
            <ul class="ft-nav">
                <li>|<a href="../index.html">首页</a></li>
                <li>|<a href="product.html">培训项目</a></li>
                <li>|<a href="teacher.html">金牌讲师</a></li>
                <li>|<a href="course.html">免费课程</a></li>
                <li>|<a href="#">学历提升</a></li>
                <li>|<a href="student.html">就业学员</a></li>
                <li>|<a href="about.html">关于我们</a></li>
                <li>|<a href="news.html">新闻资讯</a></li>
                <li>|<a href="contact.html">联系我们</a></li>
            </ul>
            <div class="ft-copyright">
                Copyright&nbsp;2018&nbsp;陕西时代汇达有限公司&nbsp;陕ICP备17012998号-1
            </div>
            <div class="clear"></div>
        </div>
    </div>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/popper.js/1.14.4/popper.min.js"></script>
    <script src="https://cdn.bootcss.com/twitter-bootstrap/4.1.3/js/bootstrap.min.js"></script>
    <script src="https://cdn.bootcss.com/holder/2.9.4/holder.min.js"></script>
    <script src="https://cdn.bootcss.com/Swiper/4.4.2/js/swiper.min.js"></script>
    <script src="https://cdn.bootcss.com/wow/1.1.2/wow.min.js"></script>  
    <script src="https://cdn.bootcss.com/scrollup/2.4.1/jquery.scrollUp.min.js"></script>
    <script src="https://cdn.bootcss.com/viewerjs/1.3.0/viewer.min.js"></script>
    <script src="https://cdn.bootcss.com/jquery-color/2.1.2/jquery.color.min.js"></script>
    <script src="../js/common.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            bannerPlay();
            var viewer = new Viewer(document.getElementById('viewer')); 
        });
    </script>
</body>

</html>